<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link REL="SHORTCUT ICON"
		href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/logoTcBuen.ico" />
</h:head>

<h:body>

	<ui:composition template="/MenuTemplate.xhtml">

		<ui:define name="content">

			<p:layout>

				<p:layoutUnit position="center">

					<f:view>
						<p:ajaxStatus onstart="statusDialog.show();"
							onsuccess="statusDialog.hide();" />
						<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
							draggable="false" closable="false">
							<p:graphicImage
								value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
						</p:dialog>

						<div id="logo" align="center">

							<h:form id="form">

								<p:panel id="td" header="Casos Asignados">

									<p:contextMenu>
										<p:menuitem value="Ver en detalle" icon="ui-icon-search"
											action="#{solicitudPqrView.consultar}" update="dialog"
											oncomplete="PF('carDialog').show()" />

									</p:contextMenu>

									<p:growl id="men" />

									<p:dataTable var="car" value="#{solicitudPqrView.data2}"
										id="listaTDo" rowKey="#{car.idSolPqr}" paginator="true"
										rows="8" selection="#{solicitudPqrView.selectedSolicitudPqr}"
										selectionMode="single"
										filteredValue="#{solicitudPqrView.data2}"
										emptyMessage="No tiene Solicitudes Asignadas Actualmente.">

										<p:column headerText="#Radicacion" sortBy="numeroRadicacion"
											filterBy="numeroRadicacion" id="numeroRadicacion">
											<p:outputLabel value="#{car.numeroRadicacion}" />
										</p:column>

										<p:column headerText="Fecha Radicacion" sortBy="fechaCreacion"
											filterBy="fechaCreacion" id="fechaCreacion">
											<p:outputLabel value="#{car.fechaCreacion}" />
										</p:column>

										<p:column headerText="Fecha Asignacion"
											sortBy="fechaAsignacion" filterBy="fechaAsignacion"
											id="fechaAsignacion">
											<p:outputLabel value="#{car.fechaAsignacion}" />
										</p:column>

										<p:column headerText="Tipo Solicitud"
											sortBy="descripcionTipoSolicitud"
											filterBy="descripcionTipoSolicitud"
											id="descripcionTipoSolicitud">
											<p:outputLabel value="#{car.descripcion}" />
										</p:column>

									</p:dataTable>


									<!--		Ventana emergente          -->

									<p:dialog id="dialog" header="Detalle Solicitante"
										widgetVar="carDialog" resizable="true" width="900"
										showEffect="clip" hideEffect="fold" closable="true"
										height="500">

										<h:panelGrid id="confirmation" columns="4"
											columnClasses="grid,grid,grid" cellspacing="10">

											<h:outputText id="msgCodigo" value=" Nombre Empresa: " />
											<p:inputText id="txtCodigo"
												value="#{solicitudPqrView.nombreEmpresa}"
												binding="#{solicitudPqrView.inNombreEmpresa}"
												readonly="true"/>

											<h:outputText id="msgCodigo1" value=" Nombre de contacto: " />
											<p:inputText id="txtCodigo1"
												value="#{solicitudPqrView.nombreContacto}"
												binding="#{solicitudPqrView.inNombrecontacto}"
												readonly="true" />


											<h:outputText id="msgCodigo2" value=" Correo Electronico: " />
											<p:inputText id="txtCodigo2"
												value="#{solicitudPqrView.correo}"
												binding="#{solicitudPqrView.incorreo}" readonly="true" />

											<h:outputText id="msgCodigo3" value=" Numero Celular: " />
											<p:inputText id="txtCodigo3"
												value="#{solicitudPqrView.celular}"
												binding="#{solicitudPqrView.incelular}" readonly="true" />

											<h:outputText id="msgCodigo4" value=" Telefono fijo: " />
											<p:inputText id="txtCodigo4"
												value="#{solicitudPqrView.telefono}"
												binding="#{solicitudPqrView.intelefono}" readonly="true" />


											<h:outputText id="msgCodigo5" value=" Identificacion: " />
											<p:inputText id="txtCodigo5" value="#{solicitudPqrView.iden}"
												binding="#{solicitudPqrView.identificacion}" readonly="true" />

										</h:panelGrid>

										<h:outputText id="msgDescripcion"
											value=" Descripcion del caso:     " />
										<p:inputTextarea rows="5" cols="60" id="txtDescripcion"
											value="#{solicitudPqrView.descrip}"
											binding="#{solicitudPqrView.indescripcion}" readonly="true" />



										<p:panel id="td4" header="Respuestas Anteriores"
											binding="#{solicitudPqrView.panel}">

											<p:dataList value="#{solicitudPqrView.respuestas}"
												var="respuesta">
												<p:outputLabel value="#{respuesta.nombreAreaRespuesta}"
													style="font-size:18px" />
												<br />
												<h:outputText value=" Observacion: " />
												<p:inputTextarea rows="5" cols="60"
													value="#{respuesta.respuesta}" readonly="true" />


												<p:dataTable value="#{respuesta.listaAnexos}"
													var="respuestaAnexos">

													<p:column headerText="Descripcion del Anexo">
														<h:outputText value="#{respuestaAnexos.descripcion}" />
													</p:column>
													<p:column headerText="Nombre Anexo">
														<h:outputText value="#{respuestaAnexos.nombreAnexo}" />
													</p:column>
													<p:column headerText="Descargar">
														<p:commandButton value="Descargar" ajax="false"
															icon="ui-icon-arrowthick-1-s"
															onclick="PrimeFaces.monitorDownload(start, stop);">
															<p:fileDownload
																value="#{solicitudPqrView.fileDownloadView(respuestaAnexos)}" />
														</p:commandButton>
													</p:column>
												</p:dataTable>
												<p:separator />
											</p:dataList>
										</p:panel>


										<p:panel id="td3" header="Responder">

											<h:outputText id="msgDescripcion2" value=" Observacion: " />
											<p:inputTextarea rows="5" cols="60" id="Descripcio_n"
												value="#{solicitudPqrView.descrip2}"
												binding="#{solicitudPqrView.indescripcion2}"
												disabled="false" maxlength="1000" />

											<h:panelGrid id="confirmation2" columns="1"
												title="Aresponder" columnClasses="grid,grid,grid,grid,grid"
												cellspacing="10">


												<p:dataTable value="#{solicitudPqrView.anexos}"
													var="anexoDTO" id="table">
													<p:column headerText="Nombre Anexo">
														<h:outputText value="#{anexoDTO.nombreAnexo}" />
													</p:column>

													<p:column headerText="Archivo">
														<p:fileUpload id="upload" required="true"
															requiredMessage="Adjunte el archivo solicitado"
															fileUploadListener="#{solicitudPqrView.handleFileUpload}"
															cancelLabel="Cancelar" uploadLabel="Adjuntar"
															label="Seleccionar" mode="advanced"
															dragDropSupport="false" sizeLimit="10000000"
															fileLimit="1" update="messages, check"
															allowTypes="/(\.|\/)(gif|jpe?g|png|pdf|xps)$/"
															invalidSizeMessage="Archivo muy pesado"
															fileLimitMessage="Maximo 1 Archivo"
															invalidFileMessage="Formato no Compatible" />

														<p:growl id="messages" for="upload" autoUpdate="true" />
													</p:column>

													<p:column headerText="Adjuntado?">
														<p:selectBooleanCheckbox id="check" disabled="true"
															binding="#{solicitudPqrView.check}" />
													</p:column>
												</p:dataTable>
											</h:panelGrid>
											<br />

											<h:panelGrid id="otraArea" columns="3"
												columnClasses="grid,grid" cellspacing="10">

												<h:outputText id="msgIdArea" value="Asignar a otra area: " />
												<p:selectOneMenu value="#{solicitudPqrView.idanex}"
													binding="#{solicitudPqrView.areasInvo}">
													<f:selectItems value="#{solicitudPqrView.id_area}" />
												</p:selectOneMenu>
												<p:commandButton id="btnSave" value="Enviar a otra area"
													action="#{solicitudPqrView.cambiarDeArea}"
													binding="#{solicitudPqrView.btnSave}" update="men" />
											</h:panelGrid>

											<br />
											<br />
											<div id="centrar" align="center">
												<h:panelGrid id="panelBotones2" columns="2">
													<p:commandButton id="btnEnviar" value="Enviar Respuesta"
														action="#{solicitudPqrView.enviarRespuesta}"
														binding="#{solicitudPqrView.btnSavee}"
														update="listaTDo,td3,panelBotones2, men" />
													<p:commandButton id="btnClear" value="Limpiar"
														action="#{solicitudPqrView.limpiar}"
														binding="#{solicitudPqrView.btnClear}"
														update="listaTDo,td3,panelBotones2, table" />
												</h:panelGrid>
											</div>
										</p:panel>


									</p:dialog>



									<!--		Ventana emergente2          -->

								</p:panel>
							</h:form>

						</div>
					</f:view>

				</p:layoutUnit>

			</p:layout>

		</ui:define>

	</ui:composition>
</h:body>
</html>